import { Provider } from 'mobx-react';
import { FC } from 'react';

import { resetPasswordStore } from '@/stores/ResetPassword';

import ResetPasswordFlow from './ResetPasswordFlow';
import styles from './index.module.less';

const FindPassword: FC = () => {
  return (
    <div className={styles.rbFpBodyWarp}>
      <div className={styles.rbFpTitleWarp}>Reset Password</div>
      <div className={styles.rbFpCardWarp}>
        <Provider resetPasswordStore={resetPasswordStore}>
          <ResetPasswordFlow />
        </Provider>
      </div>
    </div>
  );
};

export default FindPassword;
